<!--
  @Descripttion:：浮动右侧按钮，点击跳转第三方
  @Author：yejianbo
  @Date：2024年07月19日 17:13:50
-->
<template>
    <div class="fix-btn" @click="linkTo">
        <img src="../../assets/images/aichat.jpg" class="ai-img" />
    </div>
</template>

<script>
export default {
    // 组件名称
    name: 'FixAdBtn',
    // 组件参数 接收来自父组件的数据
    props: {},
    // 局部注册的组件
    components: {},
    // 组件状态值
    data() {
        return {
            linkUrl: 'http://cbitai.com:8009/?page_id=2464'
        }
    },
    // 计算属性
    computed: {},
    // 侦听器
    watch: {
    },
    // 组件方法
    methods: {
        linkTo() {
            window.open(this.linkUrl, '_blank')
        }
    },
    /**
    * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
    */
    created() { },
    /**
    * el 被新创建的 vm.$ el 替换，并挂载到实例上去之后调用该钩子。
    * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.$ el 也在文档内。
    */
    mounted() {
    }
}
</script> 
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
.fix-btn {
    position: fixed;
    right: 1.5vw;
    bottom: 4vh;
    width: 75px;
    cursor: pointer;
    color: #fff;
    z-index: 9999999;
    text-align: center;
    user-select: none;
    transition: all .6s;
    .ai-img {
        display: block;
        width: 100%;
        border-radius: 8px;
    }
}
</style>
